<template>
  <footer class="footer mt20">
    <div class="container">
      <!-- 友情连接 -->
      <div class="f-link">
        <p>友情连接</p>
        <ul>
          <li v-for="(item, index) in linkList" :key="index"><a :href="item.url" target="_blank">{{ item.name }}</a>
          </li>
        </ul>
      </div>
      <!--  -->
      <div class="f-qiye">
        <p>合肥羔羊网络科技有限公司</p>
        <p>健康游戏忠告</p>
        <p>抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当</p>
        <p>适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</p>
        <p><a href="">家长监护工程</a><a href="">防沉迷系统</a><a href="">纠纷处理</a><a href="">用户协议</a></p>
        <p>
          <a href="">ICP备案：皖ICP备2023010426号-2</a>
          <a href="">网站备案号：皖ICP备19002784号-7</a>
          <a href="">互联网ICP备案：皖ICP备19002784号-3</a>
          <a href="">皖公网安备：34010402701713号</a>
          <a href="">网络文化经营许可证：皖网文（）2019） 3164-137</a>
        </p>
        <p>本站所有软件来自互联网，版权归原著所有。如有侵权，敬请来信告知（xxxxxxx@163.com），我们将及时撤销。</p>
      </div>
    </div>
  </footer>
</template>
<script setup>
/*友情链接 */
let linkList = ref([]);
// const res = await $fetch('http://official.yangtuoyou.com/api/index/footer')
// if (res.code === 200) {
//   linkList.value = res.data.link
// }
</script>

<style scoped lang="scss">
.footer {
  position: relative;
  padding: 16px 20px 34px;
  font-size: 20px;
  color: #ACB4B4;
  background-color: #333333;

  .f-link {

    p {
      padding-left: 31px;
      font-weight: bold;
      font-size: 22px;
      color: #ACB4B4;
      background: url('../assets/images/yxlj.png') no-repeat left center;
    }

    ul {
      margin-top: 20px;

      li {
        position: relative;
        margin: 0 27px 0 0;
        display: inline-block;

        a {
          font-size: 20px;
          color: #ACB4B4;

          &:hover {
            color: #ffffff;
          }
        }
      }
    }
  }

  .f-qiye {
    margin: 14px -20px 0;
    padding-top: 20px;

    border-top: 1px solid #BBBBBB;
    text-align: center;
    line-height: 2;

    a {
      color: #ACB4B4;
    }
  }
}
</style>
